react native and redux
如何在react-native 中优雅的使用 redux首先说下我对redux 的理解吧,第一印象很重要就像妹纸一样.一句话来说他就是一个 js 的应用状态容器.说长点就是当你的应用足够复杂,交互足够多的时候,你不方便管理你的 state, 那么交给 redux 吧,他是一个单向数据流,高效且清晰.那么什么时候使用 redux呢,有一句话...
2024-01-10
react native windows开发环境
最近项目尝试使用react native加快研发速度，react native的资料比较多，但大都是android与iOS，windows方面的资料很少。这种现象也比较正常，目前windows方面的需求局限于企业，视频与游戏方面，一般的app会略过PC平台。此外，react native的官方platform中没有添加windows的支持。微软在这方面支持了windows平台。gi...
2024-01-10
android 架构之集成react native框架js混编APP
本篇文章主要总结一下现在APP当中使用的js、webView混编架构和技术。什么是 js 混编？js混编简单说就是使用JavaScript开发APP程序。android应用使用的是java，Kotlin 、c/c++ 为主的语言开发，ios使用的object-c 、 swift、c/c++ 为主语言开发，由于市场是基本都是android和ios手机，所以一般公司开发什么项目androi...
2024-01-10
React Native for Android 学习笔记
C:\Users\Vic Lee\AwesomeProject>react-native run-androidStarting JS server...Running D:\Android\sdk/platform-tools/adb reverse tcp:8081 tcp:8081error: closedCould not run adb reverse: Command failed: D:\Android\sdk/platform-tools/adb reverse tcp:8081 tcp:8...
2024-01-10
React Native For Android 架构初探
Facebook 在2015.9.15发布了 React Native for Android，把JavaScript 开发技术扩展到了Android平台。React Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 基于Web，iOS 和 Android 平台的原生应用。本文将浅析Android React的架构及相关基础知识。环境搭建及调试相关知识参考官网文档即可，本...
2024-01-10
React Native工程修改Android包名
默认初始化的React Native工程，生成Android工程的时候，包名默认是React Native工程的名字，跟一般Android工程com.company.xxx不一样。这时候就需要手动修改Android工程里面的包名信息：如下：首先修改React Native目录下的MainActivity.java的包名，具体路径是（android/app/src/main/java/com/PROJECT_NAME/MainActivity.java）修改 p...
2024-01-10
React Native Android配置部署踩坑日记
万事开头难作为一只进入ECMAScript世界不久的菜鸟，已经被React Native的名气惊到了，开源一周数万星勾起了我浓烈的兴趣。新年新气象，来个HellWorld压压惊吧^_^（故意少打个\'o\'）具体的详细教程这里都有，我就说说这里没找到的几个坑，由于大部分资料还是0.1.4版本的react-native，笔者用最新的0.1.7和...
2024-01-10
react native xcode修改项目名
1. 选中旧工程名，改为新的然后选择rename2. 依次选择黄色文件夹，修改名字，千万不要在Xcode外修改！！！修改结果为3. 点击搜索，搜索旧项目名点击Find，改为Replace全部替换掉4. 此时，还剩下一些需要手动修改，再次查找直至全部没有为止5. 进入Tests和UITests文件夹，修改文件名，千万不...
2024-01-10
Windows搭建react-native开发环境
一、目标平台 windows+android 1. 必须软件 python2+ nodejs npm 2. 安装react-native命令行 $ npm install -g react-native-cli 3. 搭建安卓环境 (1)React Native目前需要Android Studio2.0或更高版本， Android Studio需要Java Development Kit [JDK...
2024-01-10
Android React-Native通信数据模型分析
无论是计算机领域还是日常生活中，我们所言的通信，其核心都是数据信息的交换，而数据模型的优劣对通信效率有着决定性的作用。在React-Native项目中，Javascript语言与Native两种语言（Java或OC等）间存在着大量的数据交换，也就是所谓的通信。众所周知，移动APP对性能的要求无比苛刻，如果通信数据...
2024-01-10
Window下开发React-Native Android步骤
1.安装Android开发环境下载并安装JDK下载并安装Android SDK, Android NDK启动SDK下面的SDK Manager.exe，安装相关SDK Platform-tools，切记安装 【否则执行后面的 react-native run-android会报错】Extras/Android Support Library(23.0.1)Extras/Local Maven repository for Support Libraries(之前叫做Android Support Repos...
2024-01-10
react-native for android windows开发环境搭建详细记录
先说说整个环境搭建的过程。上周开始要在windows上搭建react-native for android环境，当时按照找的教程，从git上clone master分支的代码，然后下载了node，安装react-native框架还是很顺利的。导入到android studio上就无法构建，找找了找原因没有解决，折腾了1天没解决，在这之后也遇到很多问题，搭建过程还是比...
2024-01-10
用 React 整合 LogEntries JavaScript 库
【编者按】本文作者为 David Posin，主要介绍 React 与 LogEntries 间的相互操作。本文系国内 ITOM 管理平台 OneAPM 编译呈现。众所周知，React.js已经被证实是众多JavaScript架构中的有力竞争者。按理说，它已经成为web开发人员应当考虑的，在当前及未来项目中使用的少数项目库之一。而了解它如何与技术栈中...
2024-01-10
react-native textArea 高度不变化问题
ref={el =>{ if(el){ el.textareaRef.style.height = el.textareaRef.scrollHeight + 'px'; } } } ...
2024-01-10
如何利用Android Studio打包React Native APK
ok！百度出来的东西很杂，所以，这里介绍一种最简单，最合适我们（新手，应该是吧）的APK的打包方式！当然！这种打包是基于Android Studio的，所以，注意喽！！！！废话不多说开始吧！首先，我们要整理我们的思路，第一步是给APK签名~第二步是完成打包 第一步：签名打开Android Studio 然后在菜单...
2024-01-10![[React Native]访问操作系统剪贴板 Clipboard](/wp-content/uploads/thumbs/534337_thumbnail.jpg)
[React Native]访问操作系统剪贴板 Clipboard
我们之前学习了TextInput组件, 有时候我们需要在TextInput组件中复制或者粘贴一些文字。 React Native为开发者提供了 Clipboard API,Clipboard 组件可以在iOS和Android的剪贴板中读写内容。目前还只支持获取或者存放字符串。static getString() 获取剪贴板的文本内容，返回一个Promise(后面会介绍) 你可以用下面的方式...
2024-01-10
【React】antd Form表单的initialValue问题
在initial中是有初始值的，但是却不显示初始值，请大佬解答一下这个问题 const formItem = [{ type: 3, label: '柜子编号', name: 'ID', width: '150px', required: true },{ type: 1, label: '柜子名称', name: 'name', width: '150px', },{ type: 1, label: '所属仓库', name: 'wareHouse', width: '150px' ...
2024-01-10
react-native 导航器 react-navigation 3.x 使用
React-navigation 介绍 React Navigation 源于 React Native 社区对一个可扩展且易于使用的导航解决方案的需求，它完全使用 JavaScript 编写。安装在你的 React Native 项目中安装 react-navigation 这个包（注意--save或者--save-dev一定要写正确，链接原生库是会根据package.json文件中的dependencies和devDependencies的记录来链接...
2024-01-10![阿里react整合库dva demo分析 [转]](/wp-content/uploads/thumbs/536008_thumbnail.jpg)
阿里react整合库dva demo分析 [转]
同，也是工作中需要，用到 dva , 也找了些文章参考知识点。更多：http://www.cnblogs.com/heyuqing/p/6844098.html以下内容为摘出 mark 接着踩坑官网: https://github.com/dvajs/dva/blob/master/docs/API_zh-CN.md#model...
2024-01-10
React Native移动开发实战-5-Android平台的调试技巧
Android平台的调试和其他平台的调试也很类似，例如：在Android Studio打开的工程中，打开源码MainActivity.java，然后，将鼠标移至代码编辑区的左侧后，单击鼠标即可添加断点，接着，选择菜单Debug -> Debug ‘app’，即可调试Android应用，效果如图5.12所示。图5.12 Android原生项目断点调试 如果要调试...
2024-01-10
ReactNative 本地文件访问 react-native-fs Android配置所遇到的坑
事件背景：react-native-fs配置完毕之后在Android无法使用，无法编译通过；安装：npm install react-native-fs --save如果 RN版本<0.57或者Gradle < 3：需要安装：npm install [email protected]–save本人的RN版本0.44.3所以遇到了坑，官方npm上的配置也一步步配置了，发现在ios没有问题，但是在android上不能运行，不能编译通...
2024-01-10
React Native未来导航者：react-navigation 使用详解
该库包含三类组件：（1）StackNavigator：用来跳转页面和传递参数（2）TabNavigator：类似底部导航栏，用来在同一屏幕下切换不同界面（3）DrawerNavigator：侧滑菜单导航栏，用于轻松设置带抽屉导航的屏幕react-navigation使用 具体内容大致分为如下：（1）react-navigation库属性介绍（2）StackNavigator、TabNavig...
2024-01-10
使用react-navigation提示undefind is not a function
在学习react-natrive的时候，看到导航跳转一章，遂试了一下demo:但是呢，在安卓模拟器上却报错了：找了许多方法，包括降低版本都不行，后来修改了一下导出就可以了：...
2024-01-10![[RN] React Native 图片保存到相册(支持 Android 和 ios)](/wp-content/uploads/thumbs/534952_thumbnail.jpg)
[RN] React Native 图片保存到相册(支持 Android 和 ios)
React Native 图片保存到相册(支持 Android 和 ios)原理：IOS用 RN自带的 CameraRoll，Android 使用 不成功，需要 react-native-fs 和 CameraRoll 配合使用已经封装成类：ImageUtil.js'use strict';import React from 'react';import {CameraRoll, Platform} from 'react-native';import ToastUtil from "./ToastU...
2024-01-10
Angular vs React – Angular和React之间的区别
If you are a web developer and stumbling around which platform should you choose for your next project, Angular or React? Then, you are at the correct place. Also, if you are a beginner in web development, you will surely come across with Angular and React...
2024-01-10
